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

voya

v0.0.0-rc.0

Published

react doc tools base on vitepress

Downloads

8

Readme

ritepress

基于vitepress的文档工具,支持引入react组件,mdx扩展

参照dumi,移植组件 API 的动态显示

demo

Todo

  • [ ] 打包
    • [x] 普通打包
    • [ ] ssr 修改 useEffect 的逻辑
  • [ ] 多语言
  • [ ] 主题 白/暗 切换
  • [ ] 对比vitepress的一些注入全局变量/方法,以及配置项完善,例如$withBasethemeConfig
  • [ ] 搜索: 本地开发时的实时搜索暂时没有好方案,因为开始没有对所有md进行预编译,如果进行全文件预编译,耗时会长,启动慢,不符合快速开发。初步方案:1.命令行执行全文件遍历编译写入,2.打包时写入,3.支持接入Algolia
  • [ ] slugMenu 独立
  • [ ] 在线编辑代码:考虑到强依赖jspm,实际在线编译需要动态下载,导致初始化需等待,一定程度上违背了文档快速展示的初衷,尽量减少使用,后续推荐使用静态代码展示
    • [ ] 本地组件代码和线上代码编辑区分(因为React单实例,不能同时支持两个)
    • [ ] 本地组件代码的编译和样式问题,推荐使用 styled-components
    • [ ] sandbox
    • [ ] 优化:骨架 loading 卡顿,异步更新已卸载的React报错
  • [ ] 静态代码展示
  • [ ] 站点模式(首页)
  • [ ] 自身Api文档,区别于vitepress
  • [ ] 发布,Test,CI等建设
  • [ ] mobile预览支持
  • [ ] 其他优化,例如 markdown 编译后 p 标签内嵌 div 异常报错(虽不影响),考虑普通样式移除 styled-components (为了性能)