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

generator-hybrid

v0.2.2

Published

Creates a project for developing a web portal and hybrid iOS and Android apps using AngularJS and Ionic Framework

Downloads

19

Readme

generator-hybrid NPM version Dependency Status

A Yeoman generator that sets up a hybrid multi platform project for concurrently developing native mobile apps (iOS and Andoid), a web-portal, and a desktop app. It trys to follow the Angular Style Guide whenever possible.

The technologies used include:

  • Mobile Apps: Ionic Framework
  • Web Portal: AngularJS
  • Desktop: Electron (todo)

Note: This is a work in progress. It's getting worked on as fast as possible between day-to-day obligations. :)

Installation

First, install Yeoman and generator-hybrid using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-hybrid

Then generate your new project:

mkdir new_project
cd new_project
yo hybrid

If you told generator-hybrid to install dependencies (npm and bower), then your projects should be good to go. If you said no to this option, you're on your own to get the dependencies installed... but it's not that hard. npm install in either the web or mobile directory will run in the install.js script, which includes running bower install.

Mobile

$ cd mobile
$ ionic serve -b

Then browse to http://localhost:8100

Web

$ cd web
$ gulp serve

Then browse to http://localhost:8088 (unless you changed the default port during the install).

Todo

See the issue tracker

Config

If you want to set your default answers, create a file in your home directory (cd ~) called .hybridconfig.json. For example:

{
   "packageVersion": "0.0.1",
   "packageAuthor": "Olive Technology",
   "packageAuthorEmail": "[email protected]",
   "packageAuthorWeb": "www.OliveTech.com",
   "packageLicense": ["UNLICENSED", "MIT", "Apache-2.0"],
   "packagePrivate": true,
   "installMobile": true,
   "installWeb": true,
   "webCssLibrary": "AngularMaterial",
   "installDeps": true,
   "initGit": true
}

You can include as many or as few of these options as you want to override.

Keep in mind that the license types should be valid SPDX values. If you do not wish to extend licensing rights to others, you should include "UNLICENSED" as an option. For version numbers, you must provide a valid node semver.

If you do not supply a .hybridconfig.json file in your home directory, then the generator will fall back to reasonable defaults.

Headless

yo hybrid --headless -n 'some-name' -d 'some project description' will run generator-hybrid in headless mode.

The -n option should be a package.json name compatible value.

Contributing

Reporting bugs

Open an issue. This helps more than you could imagine with just about any open-source project. We have no way of testing this on every possible combination of OS X, Windows, and Linux/BSD.

Make suggestions

This project serves some pretty specific needs of a group of us, but we figured it might serve the needs or a large community so we beefed it up some and make it more usable outside of our really limited set of needs. If you have an idea as to how we could improve this project, suggest it to us. You might end up helping more people than you realize! :)

Coding

Fork the project, then work off your develop branch or a feature branch. When you're ready, submit a pull request back against develop.

Before making your changes, however, you should open an issue to communicate what you're doing to sync up with other work that's being done.

Also, you might want to make sure that everything works when you do an npm install -g generator-hybrid by doing an install of your forked changes. For example: npm install -g git+ssh://[email protected]:etsuo/generator-hybrid.git#develop

If you're not familiar with installing npm packages directly from github.com, see the npm install documentation.

Another helpful tip is to use npm link. Once you have cloned your fork to your local system, from within the root of the generator-hyrbid directory, type npm link. Your hybrid generator is now your local copy for testing purposes.

Supported Platforms

This is tested on modern releases of Apple OS X, Microsoft Windows, and Ubuntu Linux. If you're running into problems on one of these platforms, please open an issue. Make sure to include your OS and version. If you're using a different version of Linux/Unix/BSD, feel free to open an issue - we might be able to do something about it... we might not... never hurts to try.

Credits

Here are some of the main projects that this generator uses:

License

MIT © J.P. Poveda