cnpm / cnpmweb Goto Github PK

View Code? Open in Web Editor NEW

70.0 70.0 13.0 421 KB

Web for cnpmcore

Home Page: https://npmmirror.com

CSS 34.33% JavaScript 0.11% TypeScript 65.55%

cnpm cnpmcore npm npmirror pnpm

cnpmweb's Introduction

cnpm

cnpm: npm client for npmmirror.com

Requirements

	Minimum	Recommended
Node.js	14.18.0	LTS

Install

npm install cnpm -g

If you're in China, maybe you should install it from our China mirror:

npm install cnpm -g --registry=https://registry.npmmirror.com

Usage

Support all commands just like npm.

Sync packages from `npm`

cnpm sync [moduleName]

Open package document or git web url

cnpm doc [name]
cnpm doc -g [name] # open git web url directly

Build your own private registry npm cli

npm install cnpm -g

# then alias it
alias mynpm='cnpm --registry=https://registry.npm.example.com \
  --registryweb=https://npm.example.com \
  --userconfig=$HOME/.mynpmrc'

Install with original npm cli

cnpm using npminstall by default. If you don't like symlink mode for node_modules, you can change the installer to original npm. But you will lose the fastest install speed.

cnpm i --by=npm react-native

License

MIT

Contributors

_fengmk2	_dead-horse	_{semantic-release-bot}	_alsotang	_0xflotus	_weakish
_gemwuu	_ibigbug	_qiu8310	_elrrrrrrr	_fossabot	_popomore
_xieren58	_xiaohuoni

This project follows the git-contributor spec, auto updated at Wed Dec 06 2023 21:42:25 GMT+0800.

cnpmweb's People

Contributors

Stargazers

Watchers

Forkers

elrrrrrrr wxh16144-forks djun crazyair html1024 lucaszhu2zgf ahkunta yoyo837 li-jia-nan chief-fei xucode2016 365-w wooodhead

cnpmweb's Issues

替换使用纯静态方案实现

问题报告与改动方案

🖼️ 背景

最初，我们计划使用 Next.js 的 Server Side Rendering (SSR) 和 React Server Components (RSC) 来提高我们网站首页的首屏渲染性能。

然而，在实际应用过程中，我们面临了一些挑战。在国内，使用 Vercel 托管的访问速度不尽如人意. 🐌 同时，在使用阿里云函数计算（Function Compute，FC）时，我们注意到 Time to First Byte (TTFB) 较高，需要数秒的延时. ⏳ 更进一步，通过阿里云 Elastic Compute Service (ECS) 进行独立部署，使用 PM2 进行进程托管，但在实际应用过程中，我们多次遇到进程异常退出的问题. 🚧 由于 nextjs 默认没有导出清晰的日志和错误信息，很难进行排查。

改动方案

为了解决这些问题, 我们决定采用 Next.js 提供的 export 模式并使用 Nginx 进行纯静态托管. 📦 这个改动方案有以下主要特点:

📌 首页预渲染：我们会对首页进行预渲染, 以确保仍然能够提供出色的访问性能. 🏁
🛡️ 稳定性:通过纯静态托管和首页预渲染，在生产环境将不再启动 nextjs 提供接口服务，不再担心进程异常退出
影响:

a. ❌ 版本列表页校验功能：由于 NPM Registry 接口未提供跨域能力, 因此我们将无法实现版本列表页的自动校验功能.

b. 🌀 前端拉取完整清单：为了解决部分版本号较多的情况下的性能问题, 前端将需要提前拉取完整的清单. 这可能导致列表页在渲染之前出现轻微的卡顿. 🚦

nginx 配置实例

server {
    listen 80;
    server_name npmmirror.com;

    root /path/to/cnpmweb/out;

    location ^~ /_next/static/ {
        expires 30d;
        try_files $uri $uri/ =404;
    }

    location ^~ /package/ {
        try_files $uri /package/[...slug].html;
    }
    
    location ~ ^/sync/(.*) {
        rewrite ^/sync/(.*) /package/$1 permanent;
    }

    location / {
        try_files $uri $uri/ /index.html;
    }
}

部分 package 详情页面布局有问题

错误页面以及截图

https://npmmirror.com/package/@panda-design/components?version=0.0.64

Mac + Chrome 119

期望

[Feature Request]: `/versions` url-props 添加 "正式版本" 与 "所有版本"

需求：

希望可以有一个直接的 url 展示源的所有版本信息

当前：

在 package/${pkg}/versions 页面中选项卡 "正式版本" 与 "所有版本" 在点击后 url 没有发生变化

可能的实现方案

在 npm 当前使用 url props 进行标识 ?activeTab=versions 来控制选项卡的显示
e.g https://www.npmjs.com/package/czg?activeTab=versions

[非技术问题]建议做一个年度下载量总结

建议做一个 2023 年度不同 Npm 的下载量总结，看看排行排前几的在载量，方便让更多人尝试分析国内用户的使用偏好和技术发展趋势

比如我想知道，下载量排行前 100 的 npm 下载有哪些，yearly downloads，增长趋势如何。

NpmVersionSelect 组件中对版本排序方法sortNodes有问题

['1.0.85-beta.240124.151613','1.0.85-beta.240124.150810'] , 两个版本排序后 '151613' 被排在‘150810’后面了，应该排在前面

[Bug Report]: 点击版本选项卡后，会发生过滤页面数据异常

重现步骤：

https://npmmirror.com/package/czg/home 首页点击 “查看全部” 版本
我的这个包有一些 beta 版本号，在点击 “版本记录” - “所有版本” & “当前 Tags” - “所有版本” 后出现列表闪动，列表从正常的显示数据变化为错误的显示数据
url query param 正常发生变化 ?versions=all&tags=all

初步怀疑是列表过滤与 url props 的改变进行渲染碰撞导致

CleanShot.2023-12-19.at.10.30.37-converted.mp4

Originally posted by @Zhengqbbb in #63 (comment)

如何同步更新包

在搜索后单击跳转后无法进入详情页

进入时提示Network response was not ok

Record_2023-10-14-01-20-49_8659c1e795b4b4239e38d87c88c077b3.mp4

缺个人详情页

通过 cnpm 客户端访问

https://npmmirror.com/~fengmk2

希望点击首页，地址栏的版本号可以去掉

如图，希望点击首页的时候，可以回到不带版本号的页面显示。

希望提供7天下载量查看

例如

手动同步按钮无效,点击后看日志没获取到最近版本,也没有同步. 但是cnpm sync有效.

手动同步按钮无效的日志如下:

[2023-08-22T09:24:30.930Z] 👉👉👉👉👉 Tips: Sync cause by "http://registry.npmmirror.com/-/package/webcmp-topo-chart-horizontal/syncs", parent traceId: b2cd0cc0-40cd-11ee-a4f1-c763c5ab955e 👈👈👈👈👈
[2023-08-22T09:24:30.931Z] 🚧🚧🚧🚧🚧 Syncing from https://r.cnpmjs.org/webcmp-topo-chart-horizontal, skipDependencies: false, syncUpstream: true, syncDownloadData: false, forceSyncHistory: false attempts: 1, worker: "npmmirror-x86-2022012802003/605336", taskQueue: 0/100 🚧🚧🚧🚧🚧
[2023-08-22T09:24:30.931Z] 🚧 log: https://registry.npmmirror.com/-/package/webcmp-topo-chart-horizontal/syncs/64e47ecedb64f94e007b8b27/log
[2023-08-22T09:24:33.226Z] HTTP [200] content-length: -, timing: {"queuing":0.083,"connected":805.457,"requestHeadersSent":805.492,"requestSent":805.543,"waiting":1840.592,"contentDownload":2291.072}
[2023-08-22T09:24:33.226Z] 📖 webcmp-topo-chart-horizontal latest version: 3.2.5, published time: "2023-08-22T08:19:16.051Z"
[2023-08-22T09:24:33.226Z] 🚧 Syncing maintainers: [{"name":"ymrdf","email":"[email protected]"},{"name":"xishu-tech","email":"[email protected]"}]
[2023-08-22T09:24:33.396Z] 🚧 Syncing versions 68 => 68
[2023-08-22T09:24:33.396Z] 🟢 Synced updated 0 versions, removed 0 versions
[2023-08-22T09:24:33.416Z] 🗑️ Clean cache
[2023-08-22T09:24:33.416Z] 📝 Log URL: https://registry.npmmirror.com/-/package/webcmp-topo-chart-horizontal/syncs/64e47ecedb64f94e007b8b27/log
[2023-08-22T09:24:33.416Z] 🔗 https://r.cnpmjs.org/webcmp-topo-chart-horizontal?t=1692696270931&cache=0

cnpm sync的日志如下:

[2023-08-22T09:26:15.786Z] 👉👉👉👉👉 Tips: Sync cause by "http://registry-direct.npmmirror.com/webcmp-topo-chart-horizontal/sync?publish=false&nodeps=false", parent traceId: f16426d0-40cd-11ee-8212-8955926d8e04 👈👈👈👈👈
[2023-08-22T09:26:15.786Z] 🚧🚧🚧🚧🚧 Syncing from https://r.cnpmjs.org/webcmp-topo-chart-horizontal, skipDependencies: false, syncUpstream: true, syncDownloadData: false, forceSyncHistory: false attempts: 1, worker: "npmmirror-x86-2022012802003/605339", taskQueue: 0/100 🚧🚧🚧🚧🚧
[2023-08-22T09:26:15.786Z] 🚧 log: https://registry.npmmirror.com/-/package/webcmp-topo-chart-horizontal/syncs/64e47f37f3ded62aa4fff71a/log
[2023-08-22T09:26:15.808Z][UP] 🚧🚧🚧🚧🚧 Waiting sync "webcmp-topo-chart-horizontal" task on https://r.cnpmjs.org 🚧🚧🚧🚧🚧
[2023-08-22T09:26:16.190Z][UP] 🚧 HTTP [201] timing: {"queuing":0.05,"connected":0,"requestHeadersSent":0.061,"requestSent":0.096,"waiting":375.73,"contentDownload":381.824}, data: {"ok":true,"logId":"64e47f379792b9ab4541322e"}
[2023-08-22T09:26:23.158Z][UP] 🎉 Sync webcmp-topo-chart-horizontal success [6968ms], log: https://r.cnpmjs.org/webcmp-topo-chart-horizontal/sync/log/64e47f379792b9ab4541322e?offset=0, offset: 263
[2023-08-22T09:26:23.158Z][UP] 🔗 https://r.cnpmjs.org/webcmp-topo-chart-horizontal
[2023-08-22T09:26:26.549Z] HTTP [200] content-length: -, timing: {"queuing":0.079,"connected":0,"requestHeadersSent":0.098,"requestSent":0.149,"waiting":3014.558,"contentDownload":3364.909}
[2023-08-22T09:26:26.549Z] 📖 webcmp-topo-chart-horizontal latest version: 3.2.6, published time: "2023-08-22T09:24:13.223Z"
[2023-08-22T09:26:26.549Z] 🚧 Syncing maintainers: [{"name":"ymrdf","email":"[email protected]"},{"name":"xishu-tech","email":"[email protected]"}]
[2023-08-22T09:26:26.648Z] 🚧 Syncing versions 68 => 69
[2023-08-22T09:26:26.648Z] 🚧 [1] Syncing version 3.2.6, delay: 133425ms [2023-08-22T09:24:13.223Z], tarball: https://r.cnpmjs.org/webcmp-topo-chart-horizontal/-/webcmp-topo-chart-horizontal-3.2.6.tgz
[2023-08-22T09:26:28.922Z] 🚧 [1] HTTP content-length: 2266922, timing: {"queuing":2159.063,"connected":2169.89,"requestHeadersSent":2169.913,"requestSent":2169.944,"waiting":2217.29,"contentDownload":2270.413} => /root/.cnpmcore/downloads/2023/08/22/aa487f88825506958e60-webcmp-topo-chart-horizontal-3.2.6.tgz
[2023-08-22T09:26:29.074Z] 🎉 [1] Synced version 3.2.6 success, packageVersionId: 64e47f4542a9f93ca4e73e7c, db id: 38595320
[2023-08-22T09:26:29.102Z] 🟢 Synced updated 1 versions, removed 0 versions
[2023-08-22T09:26:29.102Z] 🚧 Refreshing manifests to dists ......
[2023-08-22T09:26:29.345Z] 🟢 Refresh use 243ms
[2023-08-22T09:26:29.461Z] 🟢 Synced 1 tags: [{"action":"change","tag":"latest","version":"3.2.6"}]
[2023-08-22T09:26:29.480Z] 📦 Add dependency "@antv/g6" sync task: 64e47f4542a9f93ca4e73e7d, db id: 261524664
[2023-08-22T09:26:29.499Z] 📦 Add dependency "@storybook/addon-postcss" sync task: 64e47f4542a9f93ca4e73e7e, db id: 261524665
[2023-08-22T09:26:29.520Z] 📦 Add dependency "antd" sync task: 64e47f4542a9f93ca4e73e7f, db id: 261524666
[2023-08-22T09:26:29.539Z] 📦 Add dependency "dagre" sync task: 64e47f4542a9f93ca4e73e80, db id: 261524667
[2023-08-22T09:26:29.550Z] 📦 Add dependency "lodash" sync task: 64e47f4542a9f93ca4e73e81, db id: 261524668
[2023-08-22T09:26:29.558Z] 📦 Add dependency "react" sync task: 64e47f4542a9f93ca4e73e82, db id: 261524669
[2023-08-22T09:26:29.568Z] 📦 Add dependency "react-color" sync task: 64e47f4542a9f93ca4e73e83, db id: 261524670
[2023-08-22T09:26:29.578Z] 📦 Add dependency "react-dom" sync task: 64e47f4542a9f93ca4e73e84, db id: 261524671
[2023-08-22T09:26:29.591Z] 📦 Add dependency "react-measure" sync task: 64e47f4542a9f93ca4e73e85, db id: 261524672
[2023-08-22T09:26:29.602Z] 📦 Add dependency "screenfull" sync task: 64e47f4542a9f93ca4e73e86, db id: 261524673
[2023-08-22T09:26:29.610Z] 📦 Add dependency "uuid" sync task: 64e47f4542a9f93ca4e73e87, db id: 261524674
[2023-08-22T09:26:29.623Z] 📦 Add dependency "worker-loader" sync task: 64e47f4542a9f93ca4e73e88, db id: 261524675
[2023-08-22T09:26:29.625Z] 🗑️ Clean cache
[2023-08-22T09:26:29.625Z] 📝 Log URL: https://registry.npmmirror.com/-/package/webcmp-topo-chart-horizontal/syncs/64e47f37f3ded62aa4fff71a/log
[2023-08-22T09:26:29.625Z] 🔗 https://r.cnpmjs.org/webcmp-topo-chart-horizontal?t=1692696383180&cache=0