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

@yuuvis/project

v6.1.0

Published

Yuuvis Project schematics

Downloads

188

Readme

Getting Started With Yuuvis® Project

This repository is the Schematic implementation that serves as a starting point to create a Yuuvis® Client with Angular.

Table of Contents

Intro

With this package you can add the basic implementation for a Yuuvis® Client with the Core services package that provides all necessary services to get you started the Yuuvis® Backend and Framework which provides prepared and styled components to perfectly visualize the data.

Prerequisites

An Angular 10 or higher and AngularCli 10 or higher project is required. We recommend both in version 11. For Angular project below 10 please use @yuuvis/[email protected]

Installation

BEFORE YOU INSTALL: please read the prerequisites The installation of any required additional packages is not required.

Usage

Add Library's

Add Yuuvis® to your project

ng add @yuuvis/project
ng add @yuuvis/project --type=core
ng add @yuuvis/project --type=framework

Arguments

  • --type - "core", "framework"
  • --project - name of the project the library will be added to (default app.module.ts).
  • --skipInstall - Skip Installing npm Packages (default false).
  • --disableIvy - Disable Ivy in Angular Compileroptions. (default false)

Options

  • --px-password - password for proxy connection.
  • --px-target- proxy endpoint.
  • --px-tenant -proxy tenant.
  • --px-user-name - username for proxy connection.
Project Walkthrough
ng new new-project
cd newProject
ng add @yuuvis/project --type=framework --project=new-project

Add Components

Each Library can also be added via the generate command.

ng generate @yuuvis/project:core
ng generate @yuuvis/project:framework

Components Walkthrough

ng new new-project
cd newProject
ng generate @yuuvis/project:core

Types

All types will add proxy, NginX configuration and Docker files to the Project root Directory. And imports to the RootModule.

Core

Framework

Framework also adds base config file and default Translations to the Application assets.

all

Will install both packages and configure the application accordingly.

Documentation

The documentation for the developers.

License

MIT