Mini npm registry manager

Shmilyes — Thu, 27 Oct 2022 13:27:16 +0000

mini-nrm

Super lightweight npm registry manager

Github: https://github.com/CreateWheel/mini-nrm

No dependencies.
mini-nrm ~ 20kB | nnrm ~ 7MB | nrm ~ 15MB
Customizing the registry image
Test response speed details
TypeScript type declarations included.

Install

npm install -g mini-nrm

Because it is very slim, you can use npx to manage the registry image directly without installing it

npx mini-nrm --help

Usage

mnrm --help: Show this help

  Usage
    $ mnrm [options]
  Options
    ls, list                            List all the registries
    use <name>                          Switching the registry
    add <name> <registry> [home]        Add a custom registry
    test [-i, --info]                   Test the response time of all registries
    del, delete, rm, remove <name...>   Remove a custom registry
    h, -h, help, --help                 Show this help
  Examples

    $ mnrm add npm https://registry.npmjs.org/
    # or
    $ mnrm add npm https://registry.npmjs.org/ https://www.npmjs.org

    $ mnrm use npm

    $ mnrm list

      * npm --------- https://registry.npmjs.org/
        yarn -------- https://registry.yarnpkg.com/
        taobao ------ https://registry.npmmirror.com/
        tencent ----- https://mirrors.cloud.tencent.com/npm/
        npmMirror --- https://skimdb.npmjs.com/registry/
        github ------ https://npm.pkg.github.com/

    $ mnrm test

      * npm --------- 153 ms
        yarn -------- 175 ms
        taobao ------ 519 ms
        tencent ----- 121 ms
        npmMirror --- 481 ms
        github ------ 169 ms

    $ mnrm test -i

      ┌─────────┬─────────────┬───────┬───────────┬─────────┬─────────┬────────────────┬──────────┬──────────────────────────────────────────┐
      │ (index) │    name     │ code  │   total   │   DNS   │   TCP   │ start_transfer │ redirect │                effective                 │
      ├─────────┼─────────────┼───────┼───────────┼─────────┼─────────┼────────────────┼──────────┼──────────────────────────────────────────┤
      │    0    │    'npm'    │ '000' │ 'Timeout' │ '27ms'  │  '0ms'  │     '0ms'      │  '0ms'   │      'https://registry.npmjs.org/'       │
      │    1    │   'yarn'    │ '000' │ 'Timeout' │ '32ms'  │  '0ms'  │     '0ms'      │  '0ms'   │     'https://registry.yarnpkg.com/'      │
      │    2    │  'taobao'   │ '200' │  '654ms'  │ '41ms'  │ '214ms' │    '653ms'     │  '0ms'   │    'https://registry.npmmirror.com/'     │
      │    3    │  'tencent'  │ '200' │ '1159ms'  │ '251ms' │ '452ms' │    '1159ms'    │  '0ms'   │ 'https://mirrors.cloud.tencent.com/npm/' │
      │    4    │ 'npmMirror' │ '000' │ 'Timeout' │ '22ms'  │  '0ms'  │     '0ms'      │  '0ms'   │   'https://skimdb.npmjs.com/registry/'   │
      │    5    │  'github'   │ '200' │ '2302ms'  │ '287ms' │ '775ms' │    '2301ms'    │ '1179ms' │  'https://github.com/features/packages'  │
      └─────────┴─────────────┴───────┴───────────┴─────────┴─────────┴────────────────┴──────────┴──────────────────────────────────────────┘

JavaScript API

import mnrm from 'mini-nrm'

console.log(mnrm.list())
// output
// * npm --------- https://registry.npmjs.org/
//   yarn -------- https://registry.yarnpkg.com/
//   taobao ------ https://registry.npmmirror.com/
//   tencent ----- https://mirrors.cloud.tencent.com/npm/
//   npmMirror --- https://skimdb.npmjs.com/registry/
//   github ------ https://npm.pkg.github.com/

How to keep the HTTP cache fresh

Shmilyes — Sun, 07 Aug 2022 10:59:22 +0000

HTTP caching is divided into two types, but for static resources, I think most people open the mandatory cache, right?

But there is a disadvantage of forced caching that there is no way to guarantee the freshness (latest) of the resources, you can only wait for the cache time to expire to get the latest resource content

So I wrote a library Cache-Hash that specifically deals with HTTP cache busting

I've used it on my blog: https://blog.imlete.cn

Principle

By adding a hash version number to the resources introduced to the website, once the content changes, the hash will change, so that the cache can be broken by changing the url address, which ensures that the resources referenced by the website are up to date.

For example, the following form

<script src="https://demo.com/js/main.js?v=5e74b42bf5"></script>

Usage

You can use CLI (command line tool) or JavaScript API to generate hash for references to static resources

can be installed globally using

npm install cache-hash -g

cache-hash --target source --output public

# abbreviated

cache-hash -t source -o public

If you don't want to install it globally, you can use npx

npx cache-hash --target source --output public

How does it work?

It reads your given target directory, detects all html, css, js in the directory, and generates an AST (Abstract Syntax Tree) for these files, and then compiles the source code back through the ast syntax tree after modifying the contents of the ast syntax tree.

DEV Community: Shmilyes

Mini npm registry manager

mini-nrm

Install

Usage

JavaScript API

How to keep the HTTP cache fresh

Principle

Usage

How does it work?