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-c8y

v0.25.1

Published

Yeoman generator for Cumulocity frontend development

Downloads

15

Readme

generator-c8y

version downloads MIT License

Yeoman generator for Cumulocity frontend development.

Why?

As usual, it all started with laziness. Laziness in repeating the same thing over and over again. :yum: Then with bits of creativity and big interest in automation, comes this hobby project. :speedboat::fishing_pole_and_fish:

Installation

  • Make sure you have Node.js LTS installed and npm from its website, or better even, use nvm.

  • Install Yeoman, he's a cool guy. :guardsman::sunglasses: Get to know more about him here: https://yeoman.io.

$ npm isntall -g yo
  • Install the generator:
$ npm i -g generator-c8y

Usage

Available subgenerators:

  • c8y:module
  • c8y:service
  • c8y:provider
  • c8y:component
  • c8y:directive
  • c8y:filter
  • c8y:decorator
  • c8y:ngx

For instance, to generate a service and its unit test:

$ yo c8y:service

~~TODO~~

I and my colleague, Jan Feuerbach, are working on another interesting generator to speed up our process of scaffolding custom widgets and plugins in the PoC team at Cumulocity.

  • [x] c8y:plugin
  • [x] c8y:plugin widget
  • [x] c8y:plugin chart
  • [x] c8y:plugin translations
  • [x] c8y:plugin widget --legacy (use legacy widget component API :older_man:)
  • [x] c8y:plugin widget --typescript (use TypeScript to write widget). Example here.
  • [x] c8y:plugin widget --typescript-nomodules (use TypeScript without usage of import/export syntax)
  • [x] c8y:ngx widget (use "Web SDK for Angular" to create widget :sparkle:)

Caveats

  • This generator is still on the experimental stage.
  • Code generated by the generator assumes AngularJS 1.5+ is used.
  • Generator for controller is not provided on purpose because its usage is considered sucks these days (well, quite frankly, I'm just lazy to do it). Glue your controller to your component instead! :smirk:

Notes on making use of ngx subgenie 🧞

  • The ngx widget subgenerator is bleeding-edge, and is so opinionated.
  • You might want to read the official docs first to get the hang of it.
  • Should be used in combination with HOOK_COMPONENT and CoreModule from @c8y/ngx-components v1004.11.0+. Slight hiccup guaranteed, so keep that explorer attitude in mind! :collision::man_astronaut: (psst.., not-so-real-world example here)

Author

Glenn Dwiyatcita (@dwiyatci)

License

MIT.

See LICENSE.txt.