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 🙏

© 2026 – Pkg Stats / Ryan Hefner

files-explore

v1.0.9

Published

this is an auto web server for files explore

Readme

readme

install

  • install global npm install files-explore -g
  • start files-explore path portr
  • for example 'files-explore /usr/local 8080'
  • path is the directory you want to show, the default value is current path
  • port is the http server port, default value is 8088

安装

  • 全局安装 ``npm install files-explore -g`
  • 启动 files-explore path port
  • 比如 files-explore /usr/local 8080
  • path 参数是你想访问的文件夹路径,默认值是当前路径
  • port 参数是http服务器的端口号,默认值是8088
instruction
  • it support image thumbnail, but you must install imagemagick. If you are a Mac user, you can install imagemagick with brew. brew install imagemagick .

  • it also support video thumbnail and other types of vide, but you must install ffmpeg. If you are a Mac user, you can install with brew, brew install ffmpeg.

说明

  • 如果想显示缩略图,请先安装imagemagick,Mac系统可以使用brew install imagemagick
  • 如果想显示视频缩略图和在线预览mp4 mkv之外的格式视频, 请安装ffmpeg,Mac系统可以使用brew install ffmpeg

develop

  • it build with browserify-build, it is a build tool with browserify browser-sync gulp
  • git clone https://github.com/chenkehxx/files-explore.git
  • npm install
  • npm install -g browserify-build
  • node server/app path port
  • browserify-build config
  • browserify-build start
  • open the url: http://localhost:8080 with brower

开发

  • 开发构建工具是browserify-build,这是一个基于browserify browser-sync gulp的构建工具
  • git clone https://github.com/chenkehxx/files-explore.git
  • npm install
  • npm install -g browserify-build
  • node server/app path port
  • browserify-build config
  • browserify-build start
  • 在浏览器中打开``http://localhost:8080

tips

  • it supports es6,
  • it supports unit test, the config file is at test/karma.conf.js, then you can run the test with the command line karma start test/karma.conf.js
  • it supports e2e test, the config file is at test/protractor.conf.js , then you can run the test with the comman line protractor test/protractor.conf.js

提示

  • 支持es6写法
  • 支持unit test 相关配置文件在test/karam.conf.js 执行命令karma start test/karma.conf.js
  • 支持e2e test 相关配置文件在test/protractor.conf.js 执行命令protractor test/protractor.conf.js

screenshots

screenshots screenshots