# apihub-ui-component-library

> apihub-ui-component-library

Latest version **1.0.5** (published 2018-01-31) · MIT license · 0 weekly downloads

## Install

```sh
npm install apihub-ui-component-library
pnpm add apihub-ui-component-library
yarn add apihub-ui-component-library
bun add apihub-ui-component-library
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2018-01-31 |
| First published | 2018-01-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Soumya Mukhopadhyay |
| Maintainers | djscribbles |
| Keywords | angular, angular4, aot, aot-compatible, aot-compilation, library, ng, starter, typescript |

## Links

- npm: https://www.npmjs.com/package/apihub-ui-component-library
- Repository: https://github.com/budanm/angularuicomponentlibrary
- Homepage: https://github.com/budanm/angularuicomponentlibrary#readme
- Issues: https://github.com/budanm/angularuicomponentlibrary/issues
- npm.io page: https://npm.io/package/apihub-ui-component-library

## Alternatives

- [angular-pipes](https://npm.io/package/angular-pipes.md) — 5.6K weekly downloads
- [@ng-web-apis/midi](https://npm.io/package/@ng-web-apis/midi.md) — 2.6K weekly downloads
- [happn-3](https://npm.io/package/happn-3.md) — 1.6K weekly downloads
- [@opensip-cli/lang-go](https://npm.io/package/@opensip-cli/lang-go.md) — 1.2K weekly downloads
- [mongoose-typescript](https://npm.io/package/mongoose-typescript.md) — 85 weekly downloads

## Recent versions

- 1.0.5 (latest) — 2018-01-31
- 1.0.4 — 2018-01-31
- 1.0.2 — 2018-01-31
- 1.0.1 — 2018-01-30
- 1.0.0 — 2018-01-30

## README

# `angular-ui-component-library` - the starter for Angular libraries for ui components
References :
> [Read more](https://medium.com/@trekhleb/how-to-create-aot-jit-compatible-angular-4-library-with-external-scss-html-templates-9da6e68dac6e) about architectural **challenges** and **solutions** used in this repository.

# You can use this project to
- create library for **Angular 4**.
- be ready for further **AOT** or **JIT** compilation.
- be ready for further usage **directly in browsers** (let's say [UMD](https://github.com/umdjs/umd) bundle loaded by [SystemJS](https://github.com/systemjs/systemjs)).
- write component styles in **external SCSS files**.
- write component templates in **external HTML files**.
- have **watch-mode** for library builds (including AOT build).

# Main Features
- **AOT/JIT** compatible library build via [Angular Compiler](https://www.npmjs.com/package/@angular/compiler-cli) (ngc).
- **UMD** build via [Webpack](https://webpack.js.org/) that allows you to use your library for browser builds.
- **Documentation hosting**  via [GitHub Pages](https://pages.github.com/).
- **AOT/JIT/UMD demos** via [Webpack](https://webpack.js.org/) and [SystemJS](https://github.com/systemjs/systemjs) that allows you to test library builds.


# Quick Start

```bash
# Clone the repository
git clone https://github.com/budanm/angularuicomponentlibrary

# Go to repository folder
cd angularuicomponentlibrary

# Install all dependencies
npm install

# Build the library
npm run build
```

# File Structure

```
angular-library-seed
  ├─ demo                         * Folder for demo applications (MAY BE DELETED if not required) 
  |  ├─ esm                       * AOT/JIT demo project
  |  ├─ umd                       * UMD demo project
  |  └─ ...                       * More details about this folder may be found in demo folder README file.
  |
  ├─ src                          * Library sources home folder (THE PLACE FOR YOUR LIBRARY SOURCES)
  |  ├─ components                * Example of library components with tests
  |  ├─ services                  * Example of library services with tests
  |  ├─ index.ts                  * Library entry point that is used by builders
  |  └─ tick-tock.module.ts       * Example of library module
  |
  ├─ .editorconfig                * Common IDE configuration
  ├─ .gitignore	                  * List of files that are ignored while publishing to git repo
  ├─ .npmignore                   * List of files that are ignored while publishing to npm
  ├─ LICENSE                      * License details
  ├─ README.md                    * README for you library
  ├─ package.json                 * NPM dependencies, scripts and package configuration
  ├─ tsconfig-aot.json            * TypeScript configuration for AOT build
  └─ webpack-umd.config.ts        * Webpack configuration for building UMD bundle
```

---
_Source: https://npm.io/package/apihub-ui-component-library · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._