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

node-codekit

v0.0.5

Published

CodeKit alternative on Node.JS

Downloads

12

Readme

NodeKit

  1. Intro
  2. Features
  3. How to Use
  4. Credits

CodeKit Alternative built on Node.JS

An attempt at replicating some of the awesome power in CodeKit.

Thank you, incident57 for providing the inspiration!

PLEASE NOTE: This has not been thoroughly tested! This is a prototype!

I do not take responsibility for ruining your working directory, use with caution...

Make sure to backup any directory before starting the Node Server!

Features

  1. Live Browser Reloads

    Place a small snippet of code into your "views":

     <script src="./jquery.js"></script>
     <script src="./node-codekit-display.js"></script>

    ... and everytime you create or change a file in your project directory, NodeKit will instruct every instance of your page to refresh, ensuring every device is in sync. (it's compatible with:- Chrome, Safari, Firefox on Mac, Windows or Unix and Android and iOS devices)

  2. CSS Wizardry

    We've all been there, you just can't get the site to look quite right, you're playing with rules, and sometimes it's not convenient to do it in Debugging Tools, or maybe you're designing for a tablet or mobile device and don't have such luxuries.

    Well with NodeKit, everytime a Stylesheet changes, it instructs all your browsers/displays (inc. Mobiles/Tablets) to reload the stylesheets, no refresh of the page needed!

  3. LESS Compiler

    Working with LESS? These will be compiled automatically for you!

    example: style.less => style.less.css
  4. CSS & JS Minifier/Compressor

    Using a YUI library, it compresses all of your CSS and Javascript files, to ensure peak performance on your webpage.

    example: style.less.css => style.less-min-yui.css
    example: jquery.js => jquery-min-yui.js
  5. Cross-Platform

    Using only NodeJS and Node libraries (npm modules); it is truely cross platform; all you need is NodeJS and you're ready to go!

    (coming soon as a NPM Module, you can install globally)

How to Use

(for testing purposes - this is not ready for a development environment - once in beta you will use as a global npm module)

  1. Clone the Repo

  2. Install dependancies

    node-minify requires the Java Runtime Environment or JRE

    NodeKit requires a few modules available via NPM:

    Run the following command in the directory you cloned the repo to:

     npm install watchr socket.io less node-minify
  3. CONFIGURE THE SERVER

    At this stage there is some manual configuration to be done before you're ready to go, this will be superseeded once NodeKit is an npm module, for now simply follow these steps:

    • Open server.js in your text editor

    • configure the server options on lines 14-25:

      (it should look like this) 14. var config = { 15. color : true,

  4. START THE SERVER

    Run the following command in the directory you cloned the repo to:

     node server.js
  5. LAUNCH EXAMPLE PAGE

    Open up client/example.html on your browser

    Make some changes to the file


| email: [email protected] | www: www.alexscotton.com |