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

oblique-galaxy

v2.4.0

Published

The goal of this project is to share angular [symbols](https://angular.io/guide/styleguide#symbols-and-file-names) from the comunity. There are strict rules to maintain the repository so please read carefuly the contribution rules.

Downloads

88

Readme

oblique-galaxy

The goal of this project is to share angular symbols from the comunity. There are strict rules to maintain the repository so please read carefuly the contribution rules.

Storybook

Check out our Storybook for live examples and documentation.

Execute Storybook locally

 ng run oblique-galaxy:storybook

Compatibility

Choose the version corresponding to your Angular version:

| Angular | @oblique/oblique | oblique-galaxy | | ------- | ---------------- | -------------- | | >= 18 | 12.x+ | >= 2.x+ | | 17 | 11 | 1.x+ |

Contribution rules

  • Fork the project and then create a PR from the forked project.
  • To add a component you have to do the following commands according to the symbol
    • For components ng g c --project oblique-galaxy components/my-component
    • ⚠️ For all following symbols please notice that you have to create a folder for each and write twice their name ⚠️
    • For service ng g s --project oblique-galaxy services/my-service/my-service
    • For pipe ng g p --project oblique-galaxy pipes/my-pipe/my-pipe
    • For guard ng g g --project oblique-galaxy guards/my-guard/my-guard
    • For resovler ng g r --project oblique-galaxy resolvers/my-resolver/my-resolver
    • For interceptor ng g interceptor --project oblique-galaxy interceptors/my-interceptor/my-interceptor
    • If you want to create another type of symbol, please add it in a folder named after the symbol type and mention it in your PR.
  • Every component added needs at least one code owner. Add the CODEOWNERS file at the root of your symbol folder.
  • Every component added needs to have a coverage for unit tests of 100%. (As for now, we don't accept exceptions)
  • Every component needs to have a documentation, README file (TBD story book would be better for displaying components)
  • TBD Follow the commit convention (add commitlint and setup the rules)
  • In case you can't be an owner anymore, please try to find another one. If no owner are found, then the component will be removed from the library
  • If you need a dependency, create a DEPENDENCIES file located in your symbole folder and add one line per added dependency like it's written in the package.json file (e.g. @oblique/oblique ignore the version and quotes).
    • ⚠️ please prefer no dependencies. If needed please use pure JavaScrip dependencies which are easier to migrate. In last resort add a dependency that use angular (TBD maybe we should forbid these angular dependencies) ⚠️
  • For each PR an admin(TBD list of admin) should be part of the reviwers
  • If you upgrade an external dependency and break another component, it's your responsability to contact the owner or upgrade the other component
  • Admins will handle the angular upgrade. See Angular Upgrade

Version management

  • Every PR accepted will bump the minor version.
  • Every Angular migration will bump major version. e.g. if we upgrade to Angular 17 then oblique-galaxy will be version 17.0.0.
  • Patch versions are currently not used.

Angular Upgrade (for admin only)

(deprecate in this context is to remove the component from the project root, but keep the code in it. The code will be deleted after few months or confirmation from owner that the component will not be updated)

This is a checklist to follow each time an admin has to upgrade the project

  • [ ] Upgrade to next Angular version
  • [ ] Upgrade to next Angular Material version
  • [ ] Upgrade to next Oblique version
  • [ ] Run npm run lint && npm run test for each component which has it's tests not working, deprecate it
  • [ ] Remove the dependencies related with all these components
  • [ ] Send an email to all owners with the list of components that have been deprecated. If they want them back, it's their duty to create a PR that put them back

This process can be automated with a script.