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

nw-dev

v3.0.1

Published

A drop-in library for nw.js development

Downloads

272

Readme

nw-dev

A drop-in library for nw.js development

  • Live-reloads upon save

  • Reloads when you press F5

  • Opens the devtools when you press F12 (nw@>=0.13.0 does this for you)

  • Opens the devtools upon error

  • Sets window.CRASHED upon error, so you can stop an animation loop for example (and not flood the console with errors)

  • Clears the require cache, so reloading works with modules

  • When you change package.json, it closes and reopens the window with the new values, so you don't even have to restart to change things like window.frame (not working in latest nw.js)

  • When loaded in a browser (non-nw.js), it only tries to do error handling

install

npm i nw-dev --save-dev

Put this script before any other scripts (that you're developing, at least):

<script src="node_modules/nw-dev/lib/dev.js"></script>

exclude some files from being watched

By default node_modules, npm-debug.log, .git, .hg, and .svn are ignored.

You can ignore additional paths by adding a data-ignore attribute to the script:

<script src="node_modules/nw-dev/lib/dev.js" data-ignore="data.json|*.md"></script>

The ignore pattern will be passed to chokidar and interpreted by micromatch.

don't annoyingly assert window focus when reloading

(This can be especially annoying if your editor autosaves!)

You may have your app set up to show itself once it finishes loading.

That's a good thing, but if you're calling win.show(), it can inadvertently focus the window.

Do this (with JavaScript):

if(!win.shown){
    win.show();
    win.shown = true;
}

Or this (with CoffeeScript):

win.show() unless win.shown
win.shown = yes

(Now autosaving can once again be beneficial!)

develop nw-dev

  • npm i

  • npm link, and npm link nw-dev from an nw.js project

  • npm run prepublish to recompile