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

@hulu/quickdraw

v1.3.1

Published

A MVVM data binding framework designed for speed and efficiency on living room devices

Downloads

24

Readme

Quickdraw

A Hulu Original Binding Library

Purpose

Inspired by Knockout.js, Quickdraw is meant to bridge the gap between MVVM and the living room experience. Optimized for low powered devices, Quickdraw brings the power of observable bindings along with the speed necessary for a fluid living room experience.

Developing

Quickdraw leverages Node.js and Gulp to make development nice and simple. The following information assumes that you have Node.js and npm already installed on your system.

Installing the Dependencies

The following commands, run in the cloned repository folder should get you up and running

# Install gulp globally
npm install -g gulp
# Install the development dependencies of Quickdraw
npm install

Gulp Commands

gulp clean

This will delete any built and generated files that have been created by other gulp commands

gulp compile

This will compile the base Quickdraw source and all the provided handlers into a singular quickdraw.js file

gulp compile:coverage

This will create the same quickdraw.js file that the gulp compile command but it will have line coverage tracking added to it

gulp test

This will run all the tests defined in the test directory against the Quickdraw library

gulp test:coverage

This will run all the tests defined in the test directory against the Quickdraw library and produce a set of coverage reports (XUNIT and LCOV) about the library.

gulp coverage

This will run the gulp test:coverage command and then take the output coverage reports and use the systems 'genhtml' command to produce a browsable HTML page displaying coverage information per file.

gulp release

The release command will build the library, run the test suite, and if all tests pass will up the version found in package.json and finally publish the library to npm. By default it will increment the patch portion of the version number but you can append 'major', 'minor', or 'patch' to the command (ex gulp release:major) to force a different release type.

gulp

The default action is to clean the source directory and compile the library again.