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

rstamp-static-nginx-site

v0.0.2

Published

A static file generator.

Downloads

6

Readme

Build Status NPM version

Introduction

Simply put: this creates a directory structure with a new nginx.conf file and a few stubbed files. With this directory and nginx one can stand up a static http server.

Installation

Prerequisite Tools

Once the prerequisite tools are installed you can then install the static nginx site generator. It should be noted that after these steps you'll also be setup to install and run other rstamp generators.

%> npm install -g rstamp-static-nginx-site

Usage

At this point you can quickly create a new nginx site in a new location. Create a location to place the site:

%> cd ~/tmp
%> mkdir my-site && cd $_

Now generate the site:

%> rstamp --generate static-nginx-site
... inquirer.js questions ...
... the defaults site will be in my-site/ and run on port 8080 ...
%> ./start.sh
%> gulp build
%> ./open.sh
%> gulp watch

The script generates the list of files and directories shown below.

.
├── app
│   ├── css
│   ├── html
│   │   └── index.html
│   ├── images
│   └── js
├── bower_components
├── node_modules
├── gulpfile.coffee
├── logs
├── conf
│   └── nginx.conf
├── open.sh
├── src
│   ├── scripts
│   └── styles
└── start.sh

The directory bower_componenets includes angular and node_modules includes gulp, which comes with tasks build and watch. Build will transpile any coffee or stylus in src/ to the app/css and app/js directories respectively. The build task also copies from bower_components the angular dependency.

The script ./start.sh starts the nginx server. If the server is already running it might first need to be killed to pick up the nginx.conf, or you could run it manually by using:

%> nginx -s reload -c [absolute-path-to]/nginx.conf

After you've started the server you should generate the css and js with gulp build, then open up a browser pointing at http://localhost:8080/html (of course, use your own custom port if it's not the default).

You could also use the script ./open.sh which does the same thing from the command line (on Mac). Follow this up with gulp watch, which will watch for changes to your src/scripts and src/styles file and transpile any coffee or stylus files there to the appropriate app/js or app/css directory.

The project comes with very minimal example just to prove all the moving parts are working together.

License

See license file.

The use and distribution terms for this software are covered by the Eclipse Public License 1.0, which can be found in the file 'license' at the root of this distribution. By using this software in any fashion, you are agreeing to be bound by the terms of this license. You must not remove this notice, or any other, from this software.