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

@biojs/generator-biojs-webcomponents

v1.0.2

Published

Generate the scaffold for a BioJS component automatically so you don't have to do it yourself

Downloads

8

Readme

This package is deprecated. Use this instead.

generator-biojs-webcomponents NPM version Build Status Dependency Status

Generates the scaffold for a BioJS component automatically so you don't have to do it yourself.

What this tool currently does

This tool specifically designed with re-packaging existing components in mind, so you can upgrade to BioJS 3 component style without having to re-write your component.

To-do / roadmap.

See issues for more details - we still need the following:

  1. Scaffolder for new browser tools (i.e. not just a wrapper for older tools)
  2. Scaffolder for command line tools.

Getting started.

First, install Yeoman and generator-biojs-webcomponents using npm (we assume you have pre-installed node.js) - if you need to manage multiple versions of node also consider nvm.

Once node is installed, run this in your terminal.

Note that below you can change my-new-component to the folder name of your choice.

mkdir my-new-component 
cd my-new-component
npm install -g yo @biojs/generator-biojs-webcomponents

Then generate your new project:

yo @biojs/biojs-webcomponents

This will walk you through the process of setting up your component and generate boilerplate files for you. Once it's complete, look at your new README file for build instructions, and check out src/index.js and examples/index.html to get started - there are instructions in the code.

License

MIT © Yo Yehudi