@heyheychicken/angular-wizz

Angular Wizz is a component that allows you to implement MSN's Wizz in your Angular applications.

👋 Introduction

Angular Wizz is a component that allows you to implement MSN's Wizz in your Angular applications.
You can add it to your applications for fun, hide an easter egg or sign your work 🤣

🔧 Prerequisites

Node.js
npm
Angular

⬇️ Installation

This is a Node.js module available through the npm registry.
If this is a brand new project, make sure to create an Angular project first with the npx ng new myProjectName command.
Installation is done using the npm install command:

npm i @heyheychicken/angular-wizz

🚀 Usage

1. Import the WizzModule in your standalone component our in your app module.

@Component({
  ...
  standalone: true,
  imports: [..., WizzModule],
  ...
})

2. Add the WizzComponent in your app.component.html file.

...
<wizz #wizzComponent></wizz>
...

3. Just write WIZZ (in uppercase) anywhere on your keyboard when you are using you app.

4. (Optional) If you wan't to manualy trigger the wizz, just implement it in your app.component.ts file.

  //#region Attributes

  @ViewChild('wizzComponent') wizzComponent?: WizzComponent;

  //#endregion

  //#region Function

  protected wizzButtonClicked(): void{
    this.wizzComponent?.wizz();
  }

  //#endregion

💻 Compatibility

"Angular Wizz" has only been officially tested on Angular 17.

Created by Antoine Duval (HeyHeyChicken) with ❤ and ☕ (chocolate) in Mesnil-Panneville.