Picture credit: How to create an Angular library

Wechaty Web Component NgModule Powered by Angular 9 & ng-packagr

1. StackBlitz: https://stackblitz.com/edit/chatie-angular?file=src%2Fapp%2Fapp.component.html
2. Plunker: https://embed.plnkr.co/qi2au1/?show=app.component.ts,app.component.html,preview&deferRun&autoCloseSidebar=true

Talk is cheap, show me the code:

import { WechatyModule }  from '@chatie/angular'

@NgModule({
  ...
  imports: [
    WechatyModule,
  ],
  ...
})

<wechaty
  #wechaty
  token="WECHATY_TOKEN"

  (error)     = "onEvent('error'     , $event)"
  (heartbeat) = "onEvent('heartbeat' , $event)"
  (login)     = "onEvent('login'     , $event)"
  (logout)    = "onEvent('logout'    , $event)"
  (message)   = "onEvent('message'   , $event)"
  (scan)      = "onEvent('scan'      , $event)"
>
</wechaty>

<button (click)="wechaty.shutdown()"> Shutdown</button>

Moer details, see code. ;-]

• How to build and publish an Angular module
• Understanding Angular modules (NgModule) and their scopes
• Making your Angular 2 library statically analyzable for AoT
• Getting your Angular 2 library ready for AoT
• Documentation for Angular Metadata Raw
• Ahead-of-Time Compilation in Angular
• Plunker - Adding the embed to your website

• Working with scoped packages

• Angular-AI-Chat-Bot

1. Upgrde Angulr version from 9 to 10

1. Upgrade Angular version from 6 to 9
2. Enable GitHub Actions
3. Demo on <StackBlitz.com>

1. Upgrade RxJS version from 5 to 6
2. Upgrade Angular version from 5 to 6

1. Support CI/CD to NPM@next

1. Upgrade Angular from v4 to v5
2. use ng-packagr to pack NgModule(instead of tsc&rollup by hand)

1. Upgrade Angular from v2 to v4
2. NgModule-ize Wachaty Component
3. Playground: https://chatie.io/angular/

1. Modulized Angular 2 Component: wechaty-core
2. Support all(and same) IO Events of Wechaty

GitHub Issue - https://github.com/chatie/angular/issues

Huan Li (LinkedIn) huan@chatie.io

• Code & Docs © 2016-now Huan Li <huan@chatie.io>
• Code released under the Apache-2.0 License
• Docs released under Creative Commons