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

babel-preset-weaver

v6.2.0

Published

Holistic JavaScript Conventions & Practices

Downloads

51

Readme

weaver

Build Status License

Table of Contents

Installing Weaver

Installing Weaver requires Node.js v6+, and either Yarn or npm.

Yarn Installation

Run the following command inside your project directory. Substitute PACKAGE with the name of the package you wish to install.

yarn add --dev @epiloque/PACKAGE

For example, if you wanted to build your project using weaver-build:

yarn add --dev @epiloque/weaver-build

npm Installation

Run the following command inside your project directory. Substitute PACKAGE with the name of the package you wish to install.

npm install --save-dev @epiloque/PACKAGE

For example, if you wanted to build your project using weaver-build:

npm install --save-dev @epiloque/weaver-build

Packages

weaver-build

weaver-build version

JavaScript library builder for Node.js & browser.

weaver-build --mode=[build|release] --browser --node --production
  • build mode creates a commonjs and es6 bundles
  • release mode creates a umd bundle

weaver-test

weaver-test version

JavaScript library testing for Node.js & browser. weaver-test invokes a set of tests included in your project.

weaver-test [--browser|--node] [--watch|--production]
  • Runs browser tests in test/*.spec.js & test/browser/*.spec.js
  • Runs nodejs tests in test/*.spec.js & test/node/*.spec.js
  • Given SAUCE_USERNAME & SAUCE_ACCESS_KEY environment variables will run the unit tests on Sauce Labs' browser cloud
  • By default runs the unit tests in Firefox and Xvfb virtual framebuffer

weaver-pack

weaver-pack version

Simplified webpack configuration for building Vue.js applications. weaver-pack is a command-line tool that wraps Webpack in order to support building Vue.js applications based on shared configuration presets. You can use weaver-pack within your project, preferably using scripts defined in your project’s package.json.

weaver-pack [--serve|--build] --production

Project layout

.
├── lib // Webpack compilation output
│   ├── node
│   └── web
└── src
    ├── components // Vue.js components
    ├── fonts
    ├── icons
    ├── images
    ├── store // vuex store
    ├── styles // sass stylesheets
    ├── index.js // Vue.js application
    ├── index-node.js // Node.js entry
    ├── index-web.js // web entry
    └── router.js  // Vue.js router configuration

Configuration

weaver-pack uses .weaver.yml file in the root of your repository to learn about your project and how you want your builds to be executed.

title: Untitled
lang: en
browserlist:
  - last 2 versions
  - safari >= 7
meta:
  - property: 'description'
    content: 'lorem ipsum dolor sit amet'
entries:
  - name: index
    modules:
      - 'index-{{ target }}.js'
  - name: vendor
    modules:
      - vue
      - vuex
      - vue-router

weaver-readme

weaver-readme version

Process README.md through remark

$ weaver-readme README.md
  • Generate a Table of Contents
  • Auto-link references like in GitHub issues, PRs, and comments
  • Fix common typography issues

weaver-changelog

weaver-changelog version

Generate a changelog from git metadata

$ weaver-changelog CHANGELOG.md

Commit Message Conventions

<type>: <subject>

Each commit message type should be one of

  • new/feat/add for new features
  • change/breaking for changes in existing functionality
  • deprecate for features removed in upcoming releases
  • remove for deprecated features removed in this release.
  • fix for any bug fixes.
  • sec/security to invite users to upgrade in case of vulnerabilities
  • performance/perf for performance changes in existing functionality
  • test/tests for unit and end-to-end tests

License

weaver is released under the terms of the BSD-3-Clause license.