# @kuika/kuika-angular-cl-agent

> This package is to help you to integrate your own developed [Angular](https://angular.io/) components so you can use them in [Kuika designer environment](http://104.248.28.115/)

Latest version **0.0.26** (published 2021-08-27) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @kuika/kuika-angular-cl-agent
pnpm add @kuika/kuika-angular-cl-agent
yarn add @kuika/kuika-angular-cl-agent
bun add @kuika/kuika-angular-cl-agent
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.0.26 |
| Published | 2021-08-27 |
| First published | 2021-05-03 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 14 |
| Unpacked size | 2 MB |
| Known vulnerabilities | 0 (+42 in 4 direct dependencies) |
| Install scripts | no |
| Maintainers | kuika |

## Links

- npm: https://www.npmjs.com/package/@kuika/kuika-angular-cl-agent
- npm.io page: https://npm.io/package/@kuika/kuika-angular-cl-agent

## Dependencies (14)

- [rxjs](https://npm.io/package/rxjs.md) ~6.6.0
- [axios](https://npm.io/package/axios.md) 0.19.2
- [tslib](https://npm.io/package/tslib.md) ^2.0.0
- [zone.js](https://npm.io/package/zone.js.md) ~0.10.2
- [@angular/core](https://npm.io/package/@angular/core.md) ^11.0.9
- [@angular/forms](https://npm.io/package/@angular/forms.md) ~11.0.6
- [@angular/common](https://npm.io/package/@angular/common.md) ^11.0.9
- [@angular/router](https://npm.io/package/@angular/router.md) ~11.0.6
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ~11.0.6
- [@angular/animations](https://npm.io/package/@angular/animations.md) ~11.0.6
- [@kuika/kuika-cl-model](https://npm.io/package/@kuika/kuika-cl-model.md) 1.2.151
- [element-resize-detector](https://npm.io/package/element-resize-detector.md) ^1.2.1
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ~11.0.6
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ~11.0.6

## Recent versions

- 0.0.26 (latest) — 2021-08-27
- 0.0.25 — 2021-08-27
- 0.0.24 — 2021-08-27
- 0.0.23 — 2021-08-26
- 0.0.22 — 2021-08-11
- 0.0.21 — 2021-06-21
- 0.0.20 — 2021-06-18
- 0.0.19 — 2021-06-10
- 0.0.18 — 2021-06-04
- 0.0.17 — 2021-06-01
- 0.0.16 — 2021-05-18
- 0.0.15 — 2021-05-17
- 0.0.14 — 2021-05-12
- 0.0.13 — 2021-05-07
- 0.0.12 — 2021-05-07
- … 6 more at https://npm.io/package/@kuika/kuika-angular-cl-agent/versions

## README

# kuika-angular-cl-agent

This package is to help you to integrate your own developed [Angular](https://angular.io/) components so you can use them in [Kuika designer environment](http://104.248.28.115/)

# Getting started

Install @kuika/kuika-angular-cl-agent using npm.

```bash
npm i @kuika/kuika-angular-cl-agent
```

# Usage

To use this package you need to:\
1- Create a new Angular project.\
2- Install @kuika/kuika-angular-cl-agent using npm.\
3- Create the Kuika module in the app in your project.\
4- Import and export all the modules you will use in the Kuika design environment into the kuika.module you have created.\
5- Define kuika module to window.kuika under constructor inside your app.component.

```bash
    ng new my-empty-project
    cd my-empty-project
    npm i @kuika/kuika-angular-cl-agent
    cd app
    ng g module kuika
```

App Component:

```bash
    import { Component } from "@angular/core";
    import { KuikaModule } from "./kuika/kuika.module";
    declare var window: any;
    @Component({
        selector: "app-root",
        templateUrl: "./app.component.html",
        styleUrls: ["./app.component.css"]
    })
    export class AppComponent {
        constructor() {
            window.kuikaModule = KuikaModule;
        }
    }

```

#License
Kuika Inc.

---
_Source: https://npm.io/package/@kuika/kuika-angular-cl-agent · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._