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

front-end-work-flow

v5.2.2

Published

Workflow for JavaScript minors and olympiads.

Downloads

21

Readme

Front-End-Workflow

Workflow for JavaScript minors and olympiads

Front-End-Workflow is an opinionated, extensible workflow for SPA development. It allows a project to "register" files and perform gulp tasks on them. In addition, workflows exist that facilitate development.

Usage

Once understood, the Front-End-Workflow is simple to use. Simply run the following commands.

$ npm install --save-dev git+http://github.com/taylor1719/front-end-work-flow#develop --save-dev

Note that you are installing it directly from github. When a test suite exists to prevent against regression, it will be published on github. Then, create a gulpfile with the following contents.

var few = require( 'front-end-work-flow/gulpfile.js' );

At this point typeing gulp will print out a help message with the available tasks.

Workflows

medusa-gaze

The development starts a server and watches files for changes. When changes occur html, json, node, and browser JavaScript are linted and checked for code styling. Unit tests are also run.

manticore-sting

This runs everything mentioned medusa-gaze except the developement server, functioning as a test suite.

cyclops-crush

The is the standard dist build. Lots of things happen.

minotaur-charge

Must be implemented by developers and is ment to be the deploy task

Configuration

front-end-workflow returns a FEW Object. Here is a complete list of all the available options for FEW Objectss.

globals

esnext

Turns on es6 parsing on jshint and jscs.

root

angular

module

root

files

This is a name space for registering all the different files.

var few = require( 'front-end-work-flow/gulpfile.js' );

few.files = { };

node

node: [ './gulpfile.js' ]

json

json: [ './package.json' ]

browser

browser: []

css

html

html: []

unit

unit: []

libraries

few.files = { libraries: { '/angular/': './node_modules/angular/' } };

devLibraries

FAQ

How do I use data-uris?

Data URIs are built into LESS using the data-uri function.

How can I use custom jshint or jscs config

TODO

// TODO use gulp-watch instead of gulp.watch // TODO Add options to disable browser sync // TODO Don't open new window // TODO what borked auto-refresh // TODO gulp flag for tunnel // TODO Shell completion // TODO gulp task no open // TODO gulp-rev-all // TODO build standalone static development

// TODO? Replace Text // TODO? Inject // TODO? sprites? // TODO? backstop.js // TODO? E2E // TODO? style Docco // TODO? style-guide // // Document // - minimatch // - humans.txt // - contributors (git shortlog -s -n) // - PM - HTML5 Boilerplate // // Analysis // TODO codebaseStats - plato // TODO overtime // TODO pagespeed // TODO Code coverage

// Build // TODO data-uri example // TODO CSS Sprite generation // File replace

// TODO look https://github.com/google/web-starter-kit/blob/master/gulpfile.js